<template>
  <div style="height:800px">
    <div class="containerMessage clearfix">
      <div  class="back"><span @click="back" style="margin-left:10px;">返回</span></div>
      <div class="title">
        <span>title</span>
      </div>
      <div class="date">
        <span style="margin-right:10px;">2010/02/02</span>
      </div>
    </div>
    <div style="background-color:#D9EDEB;min-height:500px;">
      <span style="margin:20px;">ssssssssssssssssssssssssssss</span>
    </div>
  </div>
</template>
<style scoped>
.title {
  margin: auto;
  width: 33.3333333%;
  text-align: center;
  margin-top: 10px;
 float: left;
 font-size: 20px;
 color: white;
}
.back{
  width:33.3333333%;
  float:left;
  margin-top: 10px;
  text-align: left;
  font-size: 20px;
  color: white;
}
.date {
  width:33.3333333%;
  float:left;
  margin-top: 10px;
  text-align: right;
  font-size: 20px;
  color: white;
}

.containerMessage {
  background-color: #01B49E;
  height: 50px;
}

.clearfix::after {
  content: '';
  display: table;
  clear: both;
}
</style>
<script>
export default {
  methods: {
    back: function() {
      this.$router.go(-1)
    }
  }
}
</script>
